<body>
  <div id="wrapper" class="reset-page">
      <div id="reset_form" class="form">
          <div class="avtar">
              <img src="{{logoRUL}}" />
          </div>
          <form #form="ngForm" (ngSubmit)="form.form.valid" novalidate role="form" class="reset-form">
              <div class="form-group" [ngClass]="{ 'has-error': form.submitted && !userCode.valid }">
                  <input autocomplete="off" class="form-control" type="text" id="user_name" onfocus="this.select();" value="" placeholder="账号（手机号）"
                      [(ngModel)]="user.userCode" name="userCode" userCode="CN" minlength='11' maxlength="11" #userCode="ngModel" onkeyup="value=value.replace(/[^0-9]/g,'')"
                       />
                      <p id="userCode" [hidden]="userCode.valid||userCode.pristine">请输入完整的手机号码</p>
              </div>
              <button id="reset" type="submit" (click)="doReset()">重 置</button>
              <p style="text-align:center;color:red">
                  {{messages}}
              </p>
      
              <span>找回密码？</span>
              <a (click)="doLogin()">登录</a>


          </form>
      </div>
  </div>
  <div>
      <!-- 提示框，隐藏IP地址 -->
      <p-dialog header="提示" [(visible)]="display" modal="modal" width="400" [responsive]="true">
          <p style="text-align:center">
              {{DiaMessage}}
          </p>

          <p-footer>
              <!-- <p> -->
              <!-- <span>{{identificateTime}}s</span>
              <span>后自动关闭</span> -->
              <!-- </p> -->
              <!-- (click)="display=false" -->
              <button type="button" pButton icon="fa-check" (click)=closeDialog() label="确定"></button>
          </p-footer>
      </p-dialog>
  </div>
</body>